// 引入导航栏组件
import Sidebar from '@/views/Sidebar.vue';
import axios from "axios";

export default {
    components: {
        Sidebar, // 注册导航栏组件
    },
    mounted() {
        this.show();
    },
    data() {
        return {
            dialogVisible: false, // 控制弹窗显示与隐藏
            user: {

            },
            update_user: {
                id: '',         // 工号
                name: '',       // 姓名
                password: '',   // 密码
                email: '', // QQ邮箱
            }
        };
    },
    methods: {
        show(){
            axios.get("http://localhost:80/teachers").then((resp) =>{
                const result=resp.data;
                if(result.code===0){
                    this.user=result.data;
                    console.log(this.user);
                }else{
                    console.log("error")
                }

            } )
        },
        // 显示编辑对话框
        showEditDialog() {
            axios.get("http://localhost:80/teachers").then((resp) =>{
                const result=resp.data;
                if(result.code===0){
                    this.update_user=result.data;
                    this.dialogVisible = true;
                    console.log(this.update_user)
                }else{
                    console.log("error")
                }
            } )
        },

        // 提交表单
        submitForm() {
            console.log('提交的用户信息：', this.update_user);
            this.dialogVisible = false;
            axios.post("http://localhost:80/teachers/update",this.update_user).then((resp)=>{
                const result=resp.data;
                if(result.code===0){
                    this.$message({
                        message: '恭喜你，修改成功',
                        type: 'success'
                    });
                    this.show();
                }else {
                    this.$message({
                        message: '修改失败，请重试',
                        type: 'error'
                    });
                }
            })

        },

        // 重置表单数据（弹窗关闭时）
        resetForm() {
            this.show();
        }
    }
};